<!DOCTYPE html>
<html class="um landscape min-width-240px min-width-320px min-width-480px min-width-768px min-width-1024px">
    <head>
        <title></title>
        <meta charset="utf-8">
        <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
        <link rel="stylesheet" href="css/fonts/font-awesome.min.css">
        <link rel="stylesheet" href="css/ui-box.css">
        <link rel="stylesheet" href="css/ui-base.css">
        <link rel="stylesheet" href="css/ui-color.css">
        <link rel="stylesheet" href="css/appcan.icon.css">
        <link rel="stylesheet" href="css/appcan.control.css">
    </head>
    <body class="um-vp bc-bg" ontouchstart>
            <canvas id = "myCanvas" width = "800px" height = "500px"></canvas>
             <div id = "colorBox">  
　　      <button id = "black">黑</button>  
　　      <button id = "red">红</button>  
　　      <button id = "yellow">黄</button>  
　      <button id = "blue">蓝</button>  
　　  </div>  
　　  <div id = "toolBox">  
　　      <button id = "pencil">铅笔</button>  
　　      <button id = "line">直线</button>  
　　      <button id = "rect">矩形</button>  
　　      <button id = "circle">圆形</button>  
　　      <button id = "multiLine">多边形</button>     
　  </div>   
　　  <div id = "debug">  
　　  </div>  
　　    
　　  <script type = "text/javascript" language="javascript" src = "js/main.js"></script> 
        <script src="js/appcan.js"></script>
        <script src="js/appcan.control.js"></script>
    </body>
    <script>
        appcan.ready(function() {
            appcan.initBounce();
        })
        
    </script>
</html>
